<div class="function-title" style="display: inline-block;">数据趋势分析</div>
<mat-form-field class="query-date">
  <mat-select placeholder="请选择列车号" [(value)]="selectedTrain">
    <mat-option value="列车001">列车001</mat-option>
  </mat-select>
</mat-form-field>
<mat-form-field class="query-date">
  <input matInput [matDatepicker]="fromtime" (dateChange)="fromChange($event)" placeholder="查询开始时间">
  <mat-datepicker-toggle matSuffix [for]="fromtime"></mat-datepicker-toggle>
  <mat-datepicker #fromtime></mat-datepicker>
</mat-form-field>
<mat-form-field class="query-date">
  <input matInput [matDatepicker]="totime"  (dateChange)="toChange($event)" placeholder="查询结束时间">
  <mat-datepicker-toggle matSuffix [for]="totime"></mat-datepicker-toggle>
  <mat-datepicker #totime></mat-datepicker>
</mat-form-field>
<mat-form-field class="query-date">
  <mat-select placeholder="请选择精度" [(value)]="maxNumber">
    <mat-option value="20">20</mat-option>
    <mat-option value="50">50</mat-option>
    <mat-option value="100">100</mat-option>
    <mat-option value="200">200</mat-option>
    <mat-option value="400">400</mat-option>
    <mat-option value="600">600</mat-option>
    <mat-option value="1000">1000</mat-option>
  </mat-select>
</mat-form-field>
<button mat-raised-button color="primary" style="margin-left: 20px;" (click)="query($event)" [disabled]="queryIP">查询</button>

<app-train-chart [tableId]="Line1VoltCur.id"></app-train-chart>
<app-train-chart [tableId]="Line2Temp.id"></app-train-chart>
<app-train-chart [tableId]="Line3Pre.id"></app-train-chart>
<app-train-chart [tableId]="Line4VoltCur.id"></app-train-chart>
<app-train-chart [tableId]="Line5Concent.id"></app-train-chart>
<app-train-chart [tableId]="Line6ElectConduct.id"></app-train-chart>
<app-train-chart [tableId]="Line7H2Pre.id"></app-train-chart>
